import { Component } from 'vue-facing-decorator'
import Render from '@/render/Render'
import toNative from '@/utils/toNative'
import type { VxeColumnSlotTypes } from 'vxe-table'
import type { TableRenderColumnTypes } from '@/render/TableRender'
import type { ReportCaseResultDto } from '@/api/insurance/period/types'

@Component
export class DispatchView extends Render {
    noTablePadding = true
    noFilterPadding = true
	
    tableColumnConfigOld = () => [
        {
            field: 'id',
            title:'实付总额 (￥)'
        },{
            field: 'id',
            title:'方案简称'
        },{
            field: 'id',
            title:'扣款时间'
        },{
            field: 'id',
            title:'方案类型'
        },{
            field: 'id',
            title: '123'
            // slots: {
            //     header: ({ row, column }: VxeColumnSlotTypes.ContentSlotParams) => {
            //         return (
            //             <div class="text-center text-green">
            //                 <span class="text-green ">1-3类</span>类总保费
            //             </div>
            //         )
            //     }
            // },
        },{
            field: 'id',
            slots: {
                header: ({ row, column }: VxeColumnSlotTypes.ContentSlotParams) => {
                    return (
                        <div class="text-center text-green">
                            <span class="text-blue-light-400">4类</span>总保费
                        </div>
                    )
                }
            },
        },{
            field: 'id',
            title:'总计金额'
        }
    ] as TableRenderColumnTypes<ReportCaseResultDto>
	
    filterConfig() {
        return {
            companyId: {
                name: '派遣单位名称',
                element: 'datetime',
            }
        }
    }
    render() { 
        return (
            <div class="h-full flex flex-col">
				123
                {/* <div class="flex-none">
                    {this.renderFilter()}
                </div>
                <div class="flex-1">
                    {this.renderTable()}
                </div>
                <div class="flex-none">
                    {this.renderPager()}
                </div> */}
            </div>
        )
    }
}

export default toNative<{}, {}>(DispatchView)